<template>
    <div class="order-monitor-content">
        <div class="order-monitor-table">
            <el-table
                ref="multipleTable"
                :data="dataList"
                tooltip-effect="dark"
                style="width: 100%"
                align="center"
                highlight-current-row
                @current-change="handleSelectionChange"
            >
                <el-table-column>
                    <template slot-scope="scope">
                        <div>
                            <label class="radio">
                                <input type="radio" value="2" :data-index="scope.$index" name="orderId" />
                                <span class="dot"></span>
                            </label>
                        </div>
                    </template>
                </el-table-column>
                <!-- 预算清单编号 -->
                <el-table-column prop="budgetNumber" label="预算清单编号" width="110"></el-table-column>
                <!-- 工程预算清单状态 -->
                <el-table-column label="预算清单状态" width="140">
                    <template slot-scope="scope">{{ scope.row.status | statusFilter }}</template>
                </el-table-column>
                <!-- 预算清单类型 -->
                <el-table-column label="预算清单类型" width="110" show-overflow-tooltip>
                    <template slot-scope="scope">{{ scope.row.budgetType | typeFilter }}</template>
                </el-table-column>
                <el-table-column prop="workOrderNumber" label="工单编号" width="140"></el-table-column>
                <el-table-column
                    prop="constructionProjectName"
                    show-overflow-tooltip
                    label="工程名称"
                    width="120"
                ></el-table-column>
                <el-table-column
                    prop="constructionProjectAddress"
                    show-overflow-tooltip
                    label="工程地址"
                    width="120"
                ></el-table-column>
                <!-- 施工面积 -->
                <el-table-column
                    prop="constructionProjectArea"
                    show-overflow-tooltip
                    label="施工面积(㎡)"
                    width="120"
                ></el-table-column>
                <!-- 工程总造价（元） -->
                <el-table-column
                    prop="projectBudget"
                    show-overflow-tooltip
                    label="工程总造价（元）"
                    width="140"
                ></el-table-column>
                <!-- 创建人 -->
                <el-table-column prop="createName" show-overflow-tooltip label="创建人" width="80"></el-table-column>
                <!-- 创建时间 -->
                <el-table-column prop="createTm" show-overflow-tooltip label="创建时间" width="80"></el-table-column>
                <!-- 最后修改人 -->
                <el-table-column
                    prop="updateName"
                    show-overflow-tooltip
                    label="最后修改人"
                    width="100"
                ></el-table-column>
                <!-- 最后修改时间 -->
                <el-table-column
                    prop="updateTm"
                    show-overflow-tooltip
                    label="最后修改时间"
                    width="120"
                ></el-table-column>
            </el-table>
        </div>
        <slot name="page"></slot>
    </div>
</template>

<script>
import BudgetOrderList from './BudgetOrderList';
export default BudgetOrderList;
</script>

<style lang="less" scoped>
@import './BudgetOrderList.less';
</style>
